<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>About Border Properties</TITLE>
     <link rel="stylesheet" type="text/css" href="../../ss/2.css" id="thecss">
     <script type="text/javascript" src="../../scripts/csschange.js"></script>
</HEAD>

<BODY onload="readSS()">

<br>
<h1 align="center"><span class="pagetitle">About Border Properties</span><br>
<font size=2>= <span class="sitetitle">Index DOT Css</span> by <a 
href="../../misc/email.htm">Brian Wilson</a> =</font></h1>

<div align="center">
<table border=3 cellpadding=5 cellspacing=0>
<tr>
    <td>&#160;&#160;<font size=2><a href="../index.html">Main Index</a> |
    <a href="../propindex/font.htm">Property Index</a> |
    <a href="../supportkey/syntax.htm">CSS Support History</a> |
    <a href="../../history/browsers.htm">Browser History</a></font>&#160;&#160;</td>
</tr>
</table>
</div>
<br><br>

<dl>
<dt><big><b class="mainheading">Border Properties</b></big>
    <dd><a href="border/border.htm">border</a> |
        <a href="border/btop.htm">border-top</a> |
        <a href="border/bright.htm">border-right</a> |
        <a href="border/bbottom.htm">border-bottom</a> |
        <a href="border/bleft.htm">border-left</a><br>

        <a href="border/bwidth.htm">border-width</a> |
        <a href="border/btwidth.htm">border-top-width</a> |
        <a href="border/brwidth.htm">border-right-width</a> |
        <a href="border/bbwidth.htm">border-bottom-width</a> |
        <a href="border/blwidth.htm">border-left-width</a><br>

        <a href="border/bstyle.htm">border-style</a> |
        <a href="border/btstyle.htm">border-top-style</a> |
        <a href="border/brstyle.htm">border-right-style</a> |
        <a href="border/bbstyle.htm">border-bottom-style</a> |
        <a href="border/blstyle.htm">border-left-style</a><br>

        <a href="border/bcolor.htm">border-color</a> |
        <a href="border/btcolor.htm">border-top-color</a> |
        <a href="border/brcolor.htm">border-right-color</a> |
        <a href="border/bbcolor.htm">border-bottom-color</a> |
        <a href="border/blcolor.htm">border-left-color</a>
</dl>

<br>
<dl>
<dt><big><b class="mainheading">What Do They Do?</b></big>
    <dd>In CSS, the fundamental visual rendering model places all components of the
        document tree in physical and virtual rectangular boxes, each having a specific
        height and width. An element's rendering box consists of an element's content
        at the center (text, images, etc.) Surrounding the element's content (moving
        outward in rectangular layers/strips) are optional padding, surrounded by any
        optional border effects, surrounded in turn by any optional margin values that
        may be specified.
        <br><br>

        The border properties allow an author to specify the width, color, and style
        of the border area (between any specified padding and margins) of an element's
        rendering box. While the capability to create simple line effects has been
        available in HTML via tables, the CSS border properties give authors much more
        power in creating such effects and allows them to be applied to any element.
        <br><br>

        Each side of the border dimensions (top, right, bottom and left) can be
        addressed and controlled independently using separate properties, or a
        convenient shorthand notation may be used that controls multiple sides
        at once.
</dl>

<dl>
<dt><big><b class="mainheading">Related Sites</b></big>
<dt><b class="subheading">Official Reference: CSS Level 1, Section 5.5.11-22</b>
    <dd>5.5.22: '<a href="http://www.w3.org/TR/REC-CSS1#border">border</a>'<br>
        5.5.18: '<a href="http://www.w3.org/TR/REC-CSS1#border-top">border-top</a>'<br>
        5.5.19: '<a href="http://www.w3.org/TR/REC-CSS1#border-right">border-right</a>'<br>
        5.5.20: '<a href="http://www.w3.org/TR/REC-CSS1#border-bottom">border-bottom</a>'<br>
        5.5.21: '<a href="http://www.w3.org/TR/REC-CSS1#border-left">border-left</a>'<br>
        5.5.15: '<a href="http://www.w3.org/TR/REC-CSS1#border-width">border-width</a>'<br>
        5.5.11: '<a href="http://www.w3.org/TR/REC-CSS1#border-top-width">border-top-width</a>'<br>
        5.5.12: '<a href="http://www.w3.org/TR/REC-CSS1#border-right-width">border-right-width</a>'<br>
        5.5.13: '<a href="http://www.w3.org/TR/REC-CSS1#border-bottom-width">border-bottom-width</a>'<br>
        5.5.14: '<a href="http://www.w3.org/TR/REC-CSS1#border-left-width">border-left-width</a>'<br>
        5.5.17: '<a href="http://www.w3.org/TR/REC-CSS1#border-style">border-style</a>'<br>
        5.5.16: '<a href="http://www.w3.org/TR/REC-CSS1#border-color">border-color</a>'
<dt><b class="subheading">Official Reference: CSS Level 2, Section 8.5.1-4</b>
    <dd>8.5.4: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-shorthand-properties">border</a>'<br>
        8.5.4: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-shorthand-properties">border-top</a>'<br>
        8.5.4: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-shorthand-properties">border-right</a>'<br>
        8.5.4: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-shorthand-properties">border-bottom</a>'<br>
        8.5.4: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-shorthand-properties">border-left</a>'<br>
        8.5.1: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-width-properties">border-width</a>'<br>
        8.5.1: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-width-properties">border-top-width</a>'<br>
        8.5.1: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-width-properties">border-right-width</a>'<br>
        8.5.1: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-width-properties">border-bottom-width</a>'<br>
        8.5.1: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-width-properties">border-left-width</a>'<br>
        8.5.3: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-style-properties">border-style</a>'<br>
        8.5.3: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-style-properties">border-top-style</a>'<br>
        8.5.3: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-style-properties">border-right-style</a>'<br>
        8.5.3: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-style-properties">border-bottom-style</a>'<br>
        8.5.3: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-style-properties">border-left-style</a>'<br>
        8.5.2: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-color-properties">border-color</a>'<br>
        8.5.2: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-color-properties">border-top-color</a>'<br>
        8.5.2: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-color-properties">border-right-color</a>'<br>
        8.5.2: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-color-properties">border-bottom-color</a>'<br>
        8.5.2: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#border-color-properties">border-left-color</a>'<br>
</dl>

<br><br>
<a href="../../misc/copyright.htm">Boring Copyright Stuff....</a>
<br>

</BODY>
</HTML>